<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Form</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="javascript/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="javascript/Form.js"></script>	
    <script type="text/javascript" src="javascript/clientSideInclude.js"></script>
	<script type="text/javascript" src="javascript/upclick.js"></script>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="css/form.css" title="Form" />
</head>
<body onLoad="loadPages()">
<div id="border">
	<div id="header">
	</div>
	<div id="navi">
	</div>
	<div id="content">
	<br />
	<span>Um ein Quiz erstellen zu k&#246;nnen, muss zun&#228;chst eine Quiz ID angefordert werden, mit welcher das Quiz jederzeit aufgerufen und ver&#228;ndert werden kann. Bitte notieren Sie sich diese ID.</span> <b><u>Wichtig:</b></u> Ohne diese ID ist <u>kein</u> erneuter Zugriff m&#246;glich!<br />
	<br />
	<div id="button" class="align">
		<input type="Button" value="Quiz ID anfordern" onclick="getQuizID()" />
	</div>
	
	<hr />
	<div id="bild" class="align">
	</div>
	<div id="frageErstellen"  class="visibility">
		<input type="file" name="fileToUpload" id="fileBrowser"><br /><br />
		<input type="radio" name="anzahl" value="0" onclick="singleChoice()"> Single Choice 
	    <input type="radio" name="anzahl" value="1" onclick="multipleChoice()"> Multiple Choice
		<input type="radio" name="anzahl" value="2" onclick="numericalInput()"> Numerical Input <br />
	</div>
	
	<div id="singleChoice" class="visibility">
		<div class="questionInstructions"> Bitte die Anzahl der Antwortmoeglichkeiten, sowie die richtige Antwort und ein Name in die vorgesehenen Eingabefelder eingeben. </div>
		<div class="inputRow"><span class="text"> Antworten: </span> <input type="text" name="answers" id="SC_answers" value="" class="visibility" /> </div>
		<div class="inputRow"><span class="text"> Richtige Antwort: </span> <input type="text" name="cAnswer" id="SC_cAnswer" value="" class="visibility"/></div>
		<div class="inputRow"><span class="text"> Name der Frage: </span> <input type="text" name="qName" id="SC_qName" value="" class="visibility"/> </div>		
			<div class="align">
				<input type="Button" value="Weiter" onclick="check_input()"/>
			</div>
	</div>
	
	<div id="multipleChoice" class="visibility">
		<div class="questionInstructions">Bitte die Anzahl der Antwortmoeglichkeiten, sowie die richtigen Antworten (mit komma getrennt) und ein Name in die vorgesehenen Eingabefelder eingeben.</div>
		<div class="inputRow"><span class="text"> Antworten: </span> <input type="text" name="answers" id="MC_answers" value="" class="visibility"/> </div>
		<div class="inputRow"><span class="text"> Richtige Antworten: </span> <input type="text" name="cAnswers" id="MC_cAnswers" value="" class="visibility"></div>
		<div class="inputRow"><span class="text"> Name der Frage: </span> <input type="text" name="qName" id="MC_qName" value="" class="visibility"></div>		
			<div class="align">
				<br /><input type="Button" value="Weiter" onclick="check_input()"/>
			</div>
	</div>
	
	<div id="numericalInput" class="visibility">
		<div class="questionInstructions">Bitte die richtigen Antworten (mit komma getrennt) und ein Name in die vorgesehenen Eingabefelder eingeben. </div>
		<div class="inputRow"><span class="text"> Richtige Antwort(en): </span> <input type="text" name="cAnswer" id="NI_cAnswer" value="" class="visibility"></div>	
		<div class="inputRow"><span class="text"> Name der Frage: </span> <input type="text" name="qName" id="NI_qName" value="" class="visibility"></div>
			<div class="align">
				<br /><input type="Button" value="Weiter" onclick="check_input()"/>
			</div>
	</div>
	
	<div id="weiter" class="visibility" >
		<span> Bitte klicken Sie auf "Weiter", um mit der Erstellung des Quizzes fortzufahren.</span><br />
		<input type="Button" value="Weiter"  onclick="next()" />		
	</div>
	<div id="fertig" class="visibility">
		<br /> <hr /><input type="Button" value="Quiz fertig" onclick="location.href='form.html'"/>
	</div>
</div>
</body>
</html>